<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=no"
    />
    <title>通航云--首页</title>
    <link rel="stylesheet" type="text/css" href="../css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <script src="../js/flexible.js" type="text/javascript"></script>
    <script src="../js/swiper.min.js" type="text/javascript"></script>
    <script src="../js/zepto-v1.2.0.min.js" type="text/javascript"></script>
  </head>
  <body>
    <div class="home-wrapper common-wrapper">
      <header class="header-wrapper clearfix">
        <div class="header-container">
          <img class="title" src="../img/1x/title.png" />
          <div class="right-container">
            <span class="login">登录</span>
          </div>
        </div>
      </header>
      <section class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide slide1"></div>
          <div class="swiper-slide">Slide 2</div>
          <div class="swiper-slide">Slide 3</div>
        </div>
        <div class="swiper-pagination"></div>
      </section>
      <div class="module-container">
        <section class="module-wrapper">
          <a class="module-item shopping-mall" href="shoppingMall.html">
            <div class="icon"></div>
            <div class="title">通航商城</div>
          </a>
          <a class="module-item cloud-showroom" href="cloudShowroom.html">
            <div class="icon"></div>
            <div class="title">航空器云展厅</div>
          </a>
          <a class="module-item talent-market">
            <div class="icon"></div>
            <div class="title">人才市场</div>
          </a>
          <a class="module-item medical-transfer">
            <div class="icon"></div>
            <div class="title">医疗转运</div>
          </a>
        </section>
        <section class="section cloud-showroom">
          <div class="title">航空器云展厅</div>
          <div class="booth-wrapper">
            <div class="booth-item half-wrapper show-plane1">品牌名称</div>
            <div class="half-wrapper">
              <div class="booth-item show-plane2">热门航空器</div>
              <div class="booth-item show-plane3">热门航空器</div>
            </div>
          </div>
        </section>
        <section class="section shopping-mall">
          <div class="title">通航商城</div>
          <div class="goods-list">
            <div class="goods-item">
              <img src="../img/1x/goods-plane2.png" />
              <div class="goods-info">
                <div class="title text-overflow">C919航模</div>
                <div class="deal-price">￥320</div>
              </div>
            </div>
            <div class="goods-item">
              <img src="../img/1x/goods-plane1.png" />
              <div class="goods-info">
                <div class="title text-overflow">《航空医学转运学科》</div>
                <div class="deal-price">￥550</div>
              </div>
            </div>
            <div class="goods-item">
              <img src="../img/1x/goods-plane2.png" />
              <div class="goods-info">
                <div class="title text-overflow">飞行员保险</div>
                <div class="deposit-price">订金：2000元</div>
              </div>
            </div>
            <div class="goods-item">
              <img src="../img/1x/goods-plane1.png" />
              <div class="goods-info">
                <div class="title text-overflow">适航证代办</div>
                <div class="free-price">免费应用</div>
              </div>
            </div>
            <div class="goods-item">
              <img src="../img/1x/goods-plane2.png" />
              <div class="goods-info">
                <div class="title text-overflow">C919航模</div>
                <div class="deal-price">￥320</div>
              </div>
            </div>
            <div class="goods-item">
              <img src="../img/1x/goods-plane1.png" />
              <div class="goods-info">
                <div class="title text-overflow">《航空医学转运学科》</div>
                <div class="deal-price">￥550</div>
              </div>
            </div>
            <div class="goods-item">
              <img src="../img/1x/goods-plane2.png" />
              <div class="goods-info">
                <div class="title text-overflow">飞行员保险</div>
                <div class="deposit-price">订金：2000元</div>
              </div>
            </div>
            <div class="goods-item">
              <img src="../img/1x/goods-plane1.png" />
              <div class="goods-info">
                <div class="title text-overflow">适航证代办</div>
                <div class="free-price">免费应用</div>
              </div>
            </div>
          </div>
        </section>
      </div>
      <footer class="nav-wrapper">
        <a class="nav-item home active" href="home.html">
          <div class="icon"></div>
          <div class="title">首页</div>
        </a>
        <a class="nav-item search">
          <div class="icon"></div>
          <div class="title">信息查询</div>
        </a>
        <a class="nav-item shopping-cart" href="shoppingCart.html">
          <div class="icon"></div>
          <div class="title">购物车</div>
        </a>
        <a class="nav-item mine">
          <div class="icon"></div>
          <div class="title">我的</div>
        </a>
      </footer>
    </div>
  </body>
  <script src="../js/footerNav.js"></script>
  <script>
    $(document).ready(function () {
      var mySwiper = new Swiper('.swiper-container', {
        loop: true,
        autoplay: true,
        pagination: {
          el: '.swiper-pagination',
        },
      })
      $('.login').click(function () {
        window.location.href = '../page/login.html'
      })
      $('.goods-item').click(function () {
        window.location.href = '../page/goodsDetail.html'
      })
    })
  </script>
</html>
